<template>
    <div class="shop-container">
    <!-- 顶部内容 -->
    <div class="header">
      <h1>欢迎来到商城</h1>
      <p>精选优质商品，畅享便捷购物体验</p>
    </div>

    <!-- 主内容区域 -->
    <router-view class="content-area" />

    <!-- 底部导航栏 -->
    <el-menu
      :default-active="$route.path"
      mode="horizontal"
      class="bottom-nav"
      @select="handleNavSelect"
    >
      <el-menu-item index="/">
        <i class="iconfont icon-shop"></i>
        <span>商城</span>
      </el-menu-item>
      <el-menu-item index="/edu">
        <i class="iconfont icon-edu"></i>
        <span>农教</span>
      </el-menu-item>
      <el-menu-item index="/community">
        <i class="iconfont icon-community"></i>
        <span>社区</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>

</style>